<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" id="viewport"
          content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="format-detection" content="telephone=yes" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta charset="utf-8">
    <title>欢迎页</title>
    <link href="../../css/css.css" rel="stylesheet" type="text/css" />

    <style>
        .banner {
            background-color: rgba(0, 0, 0, 1);
        }

        .focus div {
            float: none;
            margin: 0 auto;
            padding-top: 30px;
        }

        .focus span {
            width: 10px;
            height: 10px;
            border: none;
            margin-right: 10px;
            border-radius: 50%;
            font-size: 0;
            background-color: rgba(0, 0, 0, 0.7);
            filter: alpha(opacity=50);
            -moz-opacity: 0.5;
            -khtml-opacity: 0.5;
            opacity: 0.5;
        }

        .focus span.current {
            background: #fff;
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

        .advdiv {
            width: 100%;
            height: 100%;
            position: absolute;
        }

        @media (min-height: 220px) {
            .advdiv {
                background: url('../../images/welcome/640/1.png') center center;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-size: 100%;
            }

            .slider li:nth-child(1) {
                background: url('../../images/welcome/640/1.png') center center;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-size: 100%;
            }

            .slider li:nth-child(2) {
                background: url('../../images/welcome/640/2.png') center center;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-size: 100%;
            }

            .slider li:nth-child(3) {
                background: url('../../images/welcome/640/3.png') center center;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-size: 100%;
            }

            .slider li:nth-child(4) {
                background: url('../../images/welcome/640/4.png') center center;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-size: 100%;
            }
        }

        @media (min-height: 481px) {
            .advdiv {
                background: url('../../images/welcome/1242/1.png') center center;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-size: 100%;
            }

            .slider li:nth-child(1) {
                background: url('../../images/welcome/1242/1.png') center center;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-size: 100%;
            }

            .slider li:nth-child(2) {
                background: url('../../images/welcome/1242/2.png') center center;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-size: 100%;
            }

            .slider li:nth-child(3) {
                background: url('../../images/welcome/1242/3.png') center center;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-size: 100%;
            }

            .slider li:nth-child(4) {
                background: url('../../images/welcome/1242/4.png') center center;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-size: 100%;
            }
        }
    </style>
</head>
<body>
<!--欢迎页-->
<div class="banner" style="display: none">
    <div class="slider">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div class="start-button" id="btnenter" style="display: none"><p class="start-button1"><a>立即启动</a></p>
    </div>
</div>

<!--广告-->
<div id="advdiv" class="advdiv" style="display: none">
    <p class="countdown" id="timerwatch">5s</p>

    <div class="start-button" id="btnadventer"><p class="start-button1"><a>立即进入</a></p></div>
</div>


</body>
<script src="../../js/common/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="../../js/common/touchslider.min.js" type="text/javascript"></script>
<script src="../../js/config.js" type="text/javascript"></script>
<script src="../../js/common/common.js" type="text/javascript"></script>
<script src="../../js/home/welcome.js" type="text/javascript"></script>
</html>